<template>
	<view v-if="data.opttype!='delete'"> 
		<view  v-if="listindex == 0">
			<view  style="display: flex;flex-direction: row;align-items: center;padding: 5px 10px;">
				<view style="height: 10px;width: 3px;background-color: #F55C23;display: flex;margin-left: -10px;margin-right: 7px;"></view> 
				<view style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: calc(100vw - 30px);">
					<view>{{data.property.title}}</view>
				</view>
			</view>
		</view>
		
		<view v-for="(item2, index2) in data.data" :key="index2" >
			<styledate v-if="item2.style.editStyle=='editmask' && item2.style.colType=='datetime'" 
					:dataobj="item2.style" 
					:index2="index2" 
					:divArea='divArea' 
					:datalist='datalist' 
					@changeData="changeData(arguments)"
					:clientType="clientType"></styledate>
			
			<textdigit v-if="(item2.coltype=='text' || item2.style.editStyle=='' || item2.style.editStyle=='edit' ||  item2.coltype=='digit' || item2.coltype=='number') && item2.style.colVisible" 
				:divArea='divArea'
				:pagename='pageName'
				:dataobj="item2.style"
				:name="item2.name" 
				:jsonoptions="jsonoptions"  
				:listindex = 'listindex'
				:listitemindex="index2" 
				:listblockindex="listblockindex" 
				:clientType="clientType">
			</textdigit>
			
			<stylelist v-if="(item2.style.editStyle=='dddw' && item2.style.dddw.name!='d_nvo_uipage_dwc') && item2.style.colVisible" 
				ref="stylelist"  
				:name="item2.name"
				:divArea='divArea'
				:pagename='pageName'
				:dataobj="item2.style" 
				:jsonoptions="jsonoptions" 
				:listitemindex="index2" 
				:listindex = 'listindex'
				:listblockindex="index" 
				:bigdatalist = 'bigdatalist'
				:headdatalist='headdatalist'
				:clientType="clientType">
			</stylelist>
			
			
			<stylepicker  v-if="((item2.style.editStyle=='dddw' && item2.style.dddw.name=='d_nvo_uipage_dwc') || item2.style.editStyle=='ddlb' || item2.style.editStyle=='radiobuttons' ) && item2.style.colVisible" 
				:customlist="item2.style.codeTable"
				:listtype='item2.style.editStyle' 
				:divArea='divArea' 
				:pagename='pageName'
				:dataobj="item2.style" 
				:listindex = 'listindex'
				:listitemindex="index2" 
				:listblockindex="listblockindex" 
				:clientType="clientType">
			</stylepicker>
			
			<view v-if="item2.visible && index2!=(datalist.length-1)" style=" height: 1px;width: 100%;border-bottom: #f0f0f0 1px dashed;"></view>
		</view> 
		<view class="split"></view>
	</view>
</template>
 
<script>
	import title from "../title/title.vue"
	import {updaterowvalue} from '../../utils/representation.js'
	import textdigit from "../textdigit/textdigit.vue"
	import stylelist from "../stylelist/stylelist.vue"
	import stylepicker from "../stylepicker/stylepicker.vue"
	import stylelayer from "../stylelayer/stylelayer.vue"
	import styleedit from "../styleedit/styleedit.vue"
	import styledate from "../styledate/styledate.vue"
	
	export default {
		components:{
			title:title,
			textdigit:textdigit,
			stylelist:stylelist,
			stylepicker:stylepicker,
			stylelayer:stylelayer,
			styleedit:styleedit,
			styledate:styledate
		},
		props:{
			data:{
				type:Object
			},
			jsonoptions:{
				type:Object
			},
			listblockindex:{
				type:Number,
				default(){
					return 0
				}
			},
			listindex:{
				type:Number
			},
			bigdatalist:{
				type:Array
			},
			headdatalist:{
				type:Array
			},
			divArea:{
				type:String
			},
			detailbtns:{
				type:Array
			},
			pageName:{
				type:String
			},
			isaddedit:{
				type:Boolean
			},
			clientType:{
				type:String,
				default(){
					return ""
				}
			}
			
		},
		
		mounted:function(res){
		},
		
		methods:{
			
			
			updatedddwlistvalue(content,index,itemchanged){
				var that = this
				console.log(content)
				that.$refs.stylelist[index].updatedddwlistvalue(content,itemchanged)
			},
		}
	}
</script>

<style scoped>
	
	.bottom-icons{display: flex;flex-direction: row;padding-left: 20px;}
	.bottom-icons .iconfont.icon-jia,.iconfont.icon-jianqu{margin: 5px 0;font-size: 18px;padding: 1px; border-radius: 50%;border:1px solid #666;color: #666;}
	.bottom-icons .iconfont.icon-jianqu{margin-left: 30px;}
	.bottom-icons .iconfont.icon-jianqu.showlast{visibility: hidden;}
	.split{margin-bottom: -1px; width: 100%;border-bottom: #f0f0f0 1px solid;}
</style>
